<template>
	<view class="special-enter-page page">
		<image class="top-bg" :src="cloudStorage+'index/top-bg.png'"></image>
		<CustomNav :isBack="true" :color="titleColor" :topBgColor="topBgColor" title="基地环境"></CustomNav>
		<view class="white-block">
			<view class="list-block">
				<template v-if="list.length>0">
					<SeedItem background="#fff" :info="item" v-for="item in list" :key="item.id"></SeedItem>
				</template>
				<view v-if="more==false&&list.length==0" class="empty">暂无数据</view>
				<view v-else-if="more==false&&list.length>0" class="empty">没有更多了</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		isMore
	} from '@/util/util'
	import SeedItem from '@/components/ListItem/SeedItem'
	export default {
		components: {
			SeedItem
		},
		data() {
			return {
				titleColor: '#000',
				topBgColor: 'rgba(0,0,0,0)',
				conf: {
					page: 1,
					limit: 20
				},
				more: true,
				list: [{
						id: 1,
						coverImage: '',
						title: '农林产教研发中心',
						account: '肃州区国家现代农业（种业）产业园种植'
					},
					{
						id: 2,
						coverImage: '',
						title: '农林产教研发中心',
						account: '肃州区国家现代农业（种业）产业园种植'
					}
				],
			}
		}
	}
</script>

<style lang="scss" scoped>
	.special-enter-page {
		width: 100%;

		.top-bg {
			width: 100%;
			height: 480rpx;
		}

		.white-block {
			min-height: calc(100vh - 430rpx);
			position: relative;
			margin-top: -50rpx;
			padding: 30rpx;
			width: 100%;
			border-radius: 20px 20px 0 0;
			background: #F7F6F9;

			.list-block {
				width: 100%;
				padding-top: 30rpx;
			}
		}
	}
</style>